<template>
  <div>
    <p>父组件</p>
    <hr />
    <child>
        <!-- 具名插槽 子组件slot给个name属性就是具名插槽 ，父组件通过slot='具名'替换对应的具名插槽-->
      <!-- v-slot可以简写成# -->
      <!-- <template v-slot:title> -->
      <!-- slot="title"是旧写法 -->
      <template slot="title">
        <h3 style="color:blue;">用户新增</h3>
      </template>
      <!-- 新写法是#具名 -->
      <template #footer>
        <button>取消</button>
        <button>确定</button>
      </template>
    </child>
  </div>
</template>
<script>
import child from './child'
export default {
  components: {
    child
  }
}
</script>
